<!-- Search -->
<div class="form-group form-floating mb-3">
  <input type="text" class="form-control " id="search" placeholder="Search">
  <label class="form-control-label" for="search">搜索车牌</label>
  <button type="button" class="text-color-theme tooltip-btn">
    <em class="bi bi-search"></em>
  </button>
</div>

<div class="row mb-4 position-relative bg-dark text-white py-4">
  <div class="position-absolute start-0 top-0 coverimg h-100 w-100 opacity-5 z-index-0"
    style="background-image: url(&quot;img/banner.png&quot;);">
    <img src="img/banner.png" alt="" style="display: none;">
  </div>
  <div class="col-12 col-md-6 col-lg-4 mx-auto align-self-center z-index-1 text-center">
    <div class="avatar avatar-80 rounded-circle mx-auto theme-bg mb-3">
      <em class="bi bi-star-fill size-32"></em>
    </div>

    <h4 class=" mb-2">发现，探索，评价</h4>
    <p class="text-center small">为我们的交通秩序献出微薄之力</p>
  </div>
</div>

<div class="row">
  <div class="col-12 col-md-6 col-lg-8"></div>
  
  <div class="col-12 col-md-6 col-lg-4">
    <div class="form-floating mb-3">
        <select class="form-control" id="order">
            <option selected="" value="cmt|desc">评论从新到旧</option>
            <option value="cmt|asc">评论从旧到新</option>
            <option value="carcdt|desc">初次添加从新到旧</option>
            <option value="carcdt|asc">初次添加从旧到新</option>
            <option value="rate|desc">评价由高至低</option>
            <option value="rate|asc">评价由低至高</option>
        </select>
        <label for="order">排序</label>
    </div>
  </div>
</div>


<div class="row" id="cars">

</div>